*{
		margin:0;	
padding:0;}

.nav{	
	list-style-type:none;	
	background: black;
	display:flex;
	box-shadow: 10px 10px 4px green;
	width:100%;
	align-items:center;
		
	}
	

	.nav li{	
		width:40em;	
		float:left;	
		}
		ul{
    list-style: none; 
    margin: 0;
    padding: 0;
}
 
li{
    float: center;
}
 
a:link,a:visited{
    display:list-item;
    width: 150px;
    font-weight: bold;
    color: white;
    background-color: black;
    text-align: center;
    text-decoration: none;
    padding: 20px;
}
 
a:hover,a:active {
    background-color: gray;
    }



}
.tupian {
   position: static;
  		width: 17rem;
  		background:lightgray;
  		border-radius: 40px;
  		box-shadow: 0 5px 5px black;
  		box-sizing:  content-box;
  		padding: 30px; 
  		margin: 2% 2%;
  		text-align: center;
  		display: inline-block;
   
    
   

}
	
	
	
	.nav li{	
		width:20em;	
		float:left;	
		}
		ul{
    list-style: none; 
    margin: 0;
    padding: 0;
}
 
li{
    float: center;
}
 
a:link,a:visited{
    display:list-item;
    width: 100px;
    font-weight: bold;
    color: white;
    background-color: black;
    text-align: center;
    text-decoration: none;
    padding: 20px;
}
 
a:hover,a:active {
    background-color: gray;
    }
    
#paral
{
	float:left;
	width: 4.8%;

	margin:0px 0.7%;


	min-width: 35px;
}

div.con {
   
   position: static;
  		width: 17rem;
  		background:lightgray;
  		border-radius: 40px;
  		box-shadow: 0 5px 5px black;
  		box-sizing:  content-box;
  		padding: 30px; 
  		margin: 2% 2%;
  		text-align: center;
  		display: inline-block;
    float: left;
   
}

div.con:hover {
     box-shadow: 4px 4px 4px lightseagreen;
	  
}

div.con img {
    width: 100%;
    height: auto;

    
}

div.desc {
	font-family: "微软雅黑";
	font-size:larger;
	
    padding: 15px;
    text-align: center;
}

 footer {
		background: #e0e0e0;
		position: relative;
		width: 100%;
		margin-top: 100px;
		padding-top: 40px;
		padding-bottom: 20px;
	    color: black;
		overflow: hidden;
		border-radius: 0px
	}

    .footer-left img {
		width: 15%;
		
		margin: 0;
        padding: 0;
	}
	.footer-left {
		float:left;
		width: 15%;
		display: ;
	}
	
  	.footer-right {
		border-left: 1px #bcbcbc dotted;
		float:right;
		width: 49%;
		display: inline-block;
	}   

